<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon"
	href="http://templates.expresspixel.com/assets/ico/favicon.png">

<title>Computer Science Faculty</title>

<!-- Bootstrap core CSS -->
<link id="switch_style" href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/fontello.css">
    <link rel="stylesheet" href="css/animation.css">


<!-- Custom styles for this template -->
<link rel="stylesheet" href="css/font-awesome.css"
	type="text/css" />
<link href="css/theme.css" rel="stylesheet">
<link href="css/dropzone.css" rel="stylesheet">
<link
	href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
	rel="stylesheet">
<link rel="stylesheet" type="text/css"
	href="js/fancybox/jquery.fancybox-v=2.1.5.css" media="screen" />
<link rel="stylesheet" type="text/css"
	href="js/fancybox/helpers/jquery.fancybox-buttons-v=2.1.5.css"
	media="screen" />
<link href="css/img_size.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
        <script src="../../assets/js/html5shiv.js"></script>
        <script src="../../assets/js/respond.min.js"></script>
        <![endif]-->
</head>

<body>



	<div id="fb-root"></div>
	<script>
		(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id))
				return;
			js = d.createElement(s);
			js.id = id;
			js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>

<div class="container-fluid">

	<br>

	<nav class="navbar navbar-default" role="navigation">
		<div class="container">

			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>

				<a href="index.html" class="navbar-brand "> <span class="logo"><strong>Computer
							Science Faculty</strong><span class="handwriting"></span><br /> <small>Kabul
							University </small>
				</span> </a>

			</div>


			<br>
			<div class="collapse navbar-collapse">
				<div class="nav navbar-nav navbar-right hidden-xs">
					<div class="row">

						<div class="pull-right">



							<a href="index.php">Home</a>  &nbsp; | &nbsp;
							<a href="events.php">Events</a>  &nbsp; | &nbsp;
							<a href="about.php">About Us</a>  &nbsp; | &nbsp;
							<a href="contact.php-">Contact Us</a>


						</div>
					</div>




				</div>

			</div>
		</div>

	</nav>
	
	<div class="row">
	<!--  <div class="container"> -->
	<div syle="width=100%">
    <div class="row">
        <div class="col-md-12">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="img/1.jpg" alt="First slide" class="slider-img" style="width:100%;height:500px">
                        <div class="carousel-caption">
                            <h3>
                                First slide</h3>
                            <p>
                                Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/2.jpg" alt="Second slide" class="slider-img" style="width:100%;height:500px">
                        <div class="carousel-caption">
                            <h3>
                                Second slide</h3>
                            <p>
                                Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/3.jpg" alt="Third slide" class="slider-img" style="width:100%;height:500px">
                        <div class="carousel-caption">
                            <h3>
                                Third slide</h3>
                            <p>
                                Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                        </div>
                    </div>
                </div>
                <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control"
                        href="#carousel-example-generic" data-slide="next"><span class="glyphicon glyphicon-chevron-right">
                        </span></a>
            </div>
            <div class="main-text hidden-xs">
                <div class="col-md-12 text-center">
                    <h1>
                        Static Headline And Content</h1>
                    <h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </h3>
                    <div class="">
                        <a class="btn btn-clear btn-sm btn-min-block" href="http://www.jquery2dotnet.com/">Login</a><a class="btn btn-clear btn-sm btn-min-block"
                            href="http://www.jquery2dotnet.com/">Registration</a></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="push">
</div>
	
	</div>
	</div>



	<div class="container">

		<div class="row">

			<div class="col-sm-12 col-md-8">

				<div class="row directory">
					<div class="col-sm-12 ">
						<h2>
							<span><a href="#"> About Faculty </a></span>
						</h2>
					</div>
				</div>

				<div class="row directory">


					<div class="col-xs-12">
					<div class="directory-block col-sm-4 col-xs-6">
							<div class="row">
							<!--  	<div class="col-sm-3">
									
								</div>-->
								<div class="col-sm-12">
									
									
									<div class="post">
                <div class="post-img-content">
                    <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive icon-cog-alt"" /><i ></i> 
                <a href="is.php"> <span class="post-title"><b>Information Systems Departments</b><br /></span></a>
                </div>
                <div class="content">
                    <div class="author">
                        By <b>Bhaumik</b> |
                        <time datetime="2014-01-20">January 20th, 2014</time>
                    </div>
                    <div>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                        unknown printer took a galley of type and scrambled it to make a type specimen book.
                    </div>
                    <div>
                        <a href="http://www.jquery2dotnet.com/2014/01/jquery-highlight-table-row-and-column.html" class="btn btn-warning btn-sm">Read more</a>
                    </div>
									
								</div>
							</div>
						</div></div></div>

						<div class="directory-block col-sm-4 col-xs-6">
							<div class="row">
							<!--  	<div class="col-sm-3">
									
								</div> -->
								<div class="col-sm-12">
								
									<div class="post">
                <div class="post-img-content">
                    <img src="http://placehold.it/460x250/2980b9/ffffff&text=CSS3" class="img-responsive" />
                <a href="it.php"><span class="post-title"><b>Information Technalogy Departments</b><br /></span></a>    
                </div>
                <div class="content">
                    <div class="author">
                        By <b>Bhaumik</b> |
                        <time datetime="2014-01-20">January 20th, 2014</time>
                    </div>
                    <div>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                        unknown printer took a galley of type and scrambled it to make a type specimen book.
                    </div>
                    <div>
                        <a href="http://www.jquery2dotnet.com/2013/11/share-social-media-round-buttons.html" class="btn btn-primary btn-sm">Read more</a>
                    </div>
								
									
								</div>					
										</div>
						</div></div></div>

						<div class="directory-block col-sm-4 col-xs-6">
							<div class="row">
							<!--  	<div class="col-sm-3">
									
								</div> -->
								<div class="col-sm-12">
							
									
									<div class="post">
                <div class="post-img-content">
                    <img src="http://placehold.it/460x250/47A447/ffffff&text=jQuery" class="img-responsive" />
                    <a href="se.php"><span class="post-title"><b>Sofware Engineering Departments</b><br /></span></a>
                </div>
                <div class="content">
                    <div class="author">
                        By <b>Bhaumik</b> |
                        <time datetime="2014-01-20">January 20th, 2014</time>
                    </div>
                    <div>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an
                        unknown printer took a galley of type and scrambled it to make a type specimen book.
                    </div>
                    <div>
                        <a href="http://www.jquery2dotnet.com/2013/07/cool-social-sharing-button-using-css3.html" class="btn btn-success btn-sm">Read more</a>
                    </div>
                </div></div>
								</div>
							</div>
						</div>
						
						

						
					</div>
				</div>

			</div>

			<div class="col-xs-12 col-md-4 ">
				<div class="row">
					<div class="col-xs-12 col-sm-3 col-md-12  col-lg-11 pull-right">
						<br class="hidden-sm hidden-xs" /> <br class="hidden-sm hidden-xs" />
						<br class="hidden-sm hidden-xs" />

						<div class="panel panel-default">
							<div class="panel-heading">Events</div>

							<ul class="list-group">
								<li class="list-group-item"><a href="typography.html">Our
										tips to stay safe</a>
								</li>
								<li class="list-group-item"><a href="typography.html">How
										to buy guide</a>
								</li>
								<li class="list-group-item"><a href="typography.html">How
										to sell guide</a>
								</li>
								<li class="list-group-item"><a href="typography.html">Help
										and contact us</a>
								</li>
								<li class="list-group-item"><a href="typography.html">Frequently
										asked questions</a>
								</li>
							</ul>



						</div>
					</div>
					
					
					<!-- Box2 -->
					<div class="col-xs-12 col-sm-3 col-md-12  col-lg-11 pull-right">
						<!--  <br class="hidden-sm hidden-xs" /> -->
						

						<div class="panel panel-default">
							<div class="panel-heading">Announcement</div>

							<ul class="list-group">
								<li class="list-group-item"><a href="typography.html">Our
										tips to stay safe</a>
								</li>
								<li class="list-group-item"><a href="typography.html">How
										to buy guide</a>
								</li>
								<li class="list-group-item"><a href="typography.html">How
										to sell guide</a>
								</li>
								<li class="list-group-item"><a href="typography.html">Help
										and contact us</a>
								</li>
								<li class="list-group-item"><a href="typography.html">Frequently
										asked questions</a>
								</li>
							</ul>



						</div>
					</div>
					
					
				</div>

			</div>
		

			
			
		</div>

	</div>
	

	<div class="footer">
		<div class="container">

			<div class="row">

				<div class="col-sm-4 col-xs-12">
					<p>
						<strong>&copy; Computer Science Faculty 2014</strong>
					</p>
					<p>All rights reserved</p>
				</div>
				
				<div class="col-sm-4 col-xs-12">
				Follow Us:  <a href="#" class="nounder" rel="tooltip"
					title="Like Us!" data-placement="top"><i
					class="icon-facebook icon-large"></i> </a>&nbsp; <a href="#"
					class="nounder" rel="tooltip" title="Follow Us!"
					data-placement="top"><i class="icon-twitter icon-large"></i> </a>&nbsp;
				<a href="#" class="nounder" rel="tooltip" title="Join Us!"
					data-placement="top"><i class="icon-linkedin icon-large"></i> </a>&nbsp;
				<a href="#" class="nounder" rel="tooltip" title="Contact Us!"
					data-placement="top"><i class="icon-envelope-alt icon-large"></i> </a>
				<span class="pull-right">
								
								</div>

				<div class="col-sm-4 col-xs-12">
				
					<p class="footer-links">
					
						<a href="index.html" class="active">Back to top</a> 
							<!--  <a
							href="typography.html">Typography</a> <a href="terms.html">Terms
							and Conditions</a> -->
							<a href="contact.html">Contact Us</a>
							
					</p>
				</div>
			</div>
		</div>
	</div>


	<!-- Bootstrap core JavaScript
================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="js/jquery-1.10.2.min.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
	<script src="js/jquery.flot.js"></script>
	<script src="js/dropzone.js"></script>
<script type="text/javascript" src="js/main.js">

</script>
	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript"
		src="js/fancybox/jquery.fancybox-v=2.1.5.js"></script>
	<script type="text/javascript"
		src="js/fancybox/helpers/jquery.fancybox-buttons-v=2.1.5.js"></script>
	<script type="text/javascript"
		src="js/fancybox/helpers/jquery.fancybox-media-v=2.1.5.js"></script>
	<script src="js/global.js"></script>
</body>
</html>
